<template>
    <div style="display:inline">
        <svg t="1623206904765" class="icon svg-body" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2259" data-spm-anchor-id="a313x.7781069.0.i3" width="128" height="128"><path d="M513.024 1024C230.254592 1024 1.024 794.769408 1.024 512S230.254592 0 513.024 0s512 229.230592 512 512-229.230592 512-512 512z m0-589.579264l-168.0896-168.0896-77.579264 77.579264L435.444736 512l-168.0896 168.0896 77.579264 77.579264L513.024 589.579264l168.0896 168.0896 77.579264-77.579264L590.603264 512l168.0896-168.0896-77.579264-77.579264L513.024 434.420736z" p-id="2260" fill="#cdcdcd"></path></svg>
    </div>
</template>
<script>
    export default {
        name: 'icon-close-circle',
        props: ['width', 'height']
    }
</script>
<style scoped>
    .svg-body {
        --font-size: 10px;
        width: var(--font-size);
        height: var(--font-size)
    }

    .svg-body:hover path {
        fill: #646464;
    }
</style>
